<!DOCTYPE html>
<html>
  <head>
    <title>Font Awesome icons that frequently used</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link href="lib/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="lib/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
    <meta name="keywords" content="Font Awesome font-awesome Awesome">
    <meta name="description" content="All of the Font Awesome">
    <meta name="author" content="liubaozhu <lbzhello@qq.com>">
  </head>
  <body>
    <nav class="navbar navbar-inverse" role="navigation">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">
          <i class="fa fa-home"></i>
        </a>
      </div>
      <div>
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">iOS</a></li>
          <li><a href="#">SVN</a></li>
          <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
              <i class="fa fa-caret-down" title="Toggle dropdown menu"></i>
            </a>
            <ul class="dropdown-menu">
              <li class="divider"></li>
              <li><a href="#">分离的链接</a></li>
              <li class="divider"></li>
              <li><a href="#">另一个分离的链接</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>

    <div class="container" style="width:50%">
      <form role="form">
        <div class="input-group margin-bottom-sm">
          <input type="text" class="form-control" placeholder="font awesome class">
          <span class="input-group-btn">
            <button class="btn btn-primary">Add</button>
          </span>
        </div>
      </form>
    </div>

    <div class="container" >
      <ul class="nav nav-pills">
        <li><a href="#"><i class="fa fa-address-book fa-lg"></i> address-book</a></li>
        <li><a href="#"><i class="fa fa-address-book-o fa-lg"></i> address-book-o</a></li>
        <li><a href="#"><i class="fa fa-address-card fa-lg"></i> address-card</a></li>
        <li><a href="#"><i class="fa fa-address-card-o fa-lg"></i> address-card-o</a></li>
        <li><a href="#"><i class="fa fa-archive fa-lg"></i> archive</a></li>
        <li><a href="#"><i class="fa fa-area-chart fa-lg"></i> area-chart</a></li>
        <li><a href="#"><i class="fa fa-arrows fa-lg"></i> arrows</a></li>
        <li><a href="#"><i class="fa fa-arrows-h fa-lg"></i> arrows-h</a></li>
        <li><a href="#"><i class="fa fa-arrows-v fa-lg"></i> arrows-v</a></li>
        <li><a href="#"><i class="fa fa-asterisk fa-lg"></i> aste</a></li>
        <li><a href="#"><i class="fa fa-at fa-lg"></i> at</a></li>
        <li><a href="#"><i class="fa fa-ban fa-lg"></i> ban</a></li>
        <li><a href="#"><i class="fa fa-bank fa-lg"></i> bank</a></li>
        <li><a href="#"><i class="fa fa-bar-chart fa-lg"></i> bar-chart</a></li>
        <li><a href="#"><i class="fa fa-barcode fa-lg"></i> barcode</a></li>
        <li><a href="#"><i class="fa fa-bars fa-lg"></i> bars</a></li>
        <li><a href="#"><i class="fa fa-battery fa-lg"></i> battery</a></li>
        <li><a href="#"><i class="fa fa-battery-empty fa-lg"></i> battery-empty(0)</a></li>
        <li><a href="#"><i class="fa fa-battery-full fa-lg"></i> battery-full(4)</a></li>
        <li><a href="#"><i class="fa fa-battery-half fa-lg"></i> battery-half(2)</a></li>
        <li><a href="#"><i class="fa fa-battery-quarter fa-lg"></i> battery-1</a></li>
        <li><a href="#"><i class="fa fa-battery-three-quarters fa-lg"></i> battery-3</a></li>
        <li><a href="#"><i class="fa fa-bell fa-lg"></i> bell</a></li>
        <li><a href="#"><i class="fa fa-bell-o fa-lg"></i> bell-o</a></li>
        <li><a href="#"><i class="fa fa-bell-slash fa-lg"></i> bell-slash</a></li>
        <li><a href="#"><i class="fa fa-bell-slash-o fa-lg"></i> bell-slash-o</a></li>
        <li><a href="#"><i class="fa fa-bolt fa-lg"></i> bolt</a></li>
        <li><a href="#"><i class="fa fa-bomb fa-lg"></i> bomb</a></li>
        <li><a href="#"><i class="fa fa-book fa-lg"></i> book</a></li>
        <li><a href="#"><i class="fa fa-bookmark fa-lg"></i> bookmark</a></li>
        <li><a href="#"><i class="fa fa-bookmark-o fa-lg"></i> bookmark-o</a></li>
        <li><a href="#"><i class="fa fa-briefcase fa-lg"></i> briefcase</a></li>
        <li><a href="#"><i class="fa fa-bug fa-lg"></i> bug</a></li>
        <li><a href="#"><i class="fa fa-bullhorn fa-lg"></i> bullhorn</a></li>
        <li><a href="#"><i class="fa fa-bullseye fa-lg"></i> bullseye</a></li>
        <li><a href="#"><i class="fa fa-calendar fa-lg"></i> calendar</a></li>
        <li><a href="#"><i class="fa fa-calendar-check-o fa-lg"></i> calendar-check-o</a></li>
        <li><a href="#"><i class="fa fa-calendar-minus-o fa-lg"></i> calendar-minus-o</a></li>
        <li><a href="#"><i class="fa fa-calendar-o fa-lg"></i> calendar-o</a></li>
        <li><a href="#"><i class="fa fa-calendar-plus-o fa-lg"></i> calendar-plus-o</a></li>
        <li><a href="#"><i class="fa fa-calendar-times-o fa-lg"></i> calendar-times-o</a></li>
        <li><a href="#"><i class="fa fa-camera fa-lg"></i> camera</a></li>
        <li><a href="#"><i class="fa fa-camera-retro fa-lg"></i> camera-retro</a></li>
        <li><a href="#"><i class="fa fa-caret-square-o-down fa-lg"></i> caret-square-o-down</a></li>
        <li><a href="#"><i class="fa fa-caret-square-o-left fa-lg"></i> caret-square-o-left</a></li>
        <li><a href="#"><i class="fa fa-caret-square-o-right fa-lg"></i> caret-square-o-right</a></li>
        <li><a href="#"><i class="fa fa-caret-square-o-up fa-lg"></i> caret-square-o-up</a></li>
        <li><a href="#"><i class="fa fa-cart-arrow-down fa-lg"></i> cart-arrow-down</a></li>
        <li><a href="#"><i class="fa fa-cart-plus fa-lg"></i> cart-plus</a></li>
        <li><a href="#"><i class="fa fa-cc fa-lg"></i> cc</a></li>
        <li><a href="#"><i class="fa fa-certificate fa-lg"></i> certificate</a></li>
        <li><a href="#"><i class="fa fa-check fa-lg"></i> check</a></li>
        <li><a href="#"><i class="fa fa-check-circle fa-lg"></i> check-circle</a></li>
        <li><a href="#"><i class="fa fa-check-circle-o fa-lg"></i> check-circle-o</a></li>
        <li><a href="#"><i class="fa fa-check-square fa-lg"></i> check-square</a></li>
        <li><a href="#"><i class="fa fa-check-square-o fa-lg"></i> check-square-o</a></li>
        <li><a href="#"><i class="fa fa-child fa-lg"></i> child</a></li>
        <li><a href="#"><i class="fa fa-circle fa-lg"></i> circle</a></li>
        <li><a href="#"><i class="fa fa-circle-o fa-lg"></i> circle-o</a></li>
        <li><a href="#"><i class="fa fa-circle-o-notch fa-lg"></i> circle-o-notch</a></li>
        <li><a href="#"><i class="fa fa-circle-thin fa-lg"></i> circle-thin</a></li>
        <li><a href="#"><i class="fa fa-clock-o fa-lg"></i> clock-o</a></li>
        <li><a href="#"><i class="fa fa-clone fa-lg"></i> clone</a></li>
        <li><a href="#"><i class="fa fa-close fa-lg"></i> close</a></li>
        <li><a href="#"><i class="fa fa-cloud fa-lg"></i> cloud</a></li>
        <li><a href="#"><i class="fa fa-cloud-download fa-lg"></i> cloud-download</a></li>
        <li><a href="#"><i class="fa fa-cloud-upload fa-lg"></i> cloud-upload</a></li>
        <li><a href="#"><i class="fa fa-code fa-lg"></i> code</a></li>
        <li><a href="#"><i class="fa fa-code-fork fa-lg"></i> code-fork</a></li>
        <li><a href="#"><i class="fa fa-cog fa-lg"></i> cog</a></li>
        <li><a href="#"><i class="fa fa-cogs fa-lg"></i> cogs</a></li>
        <li><a href="#"><i class="fa fa-comment fa-lg"></i> comment</a></li>
        <li><a href="#"><i class="fa fa-comment-o fa-lg"></i> comment-o</a></li>
        <li><a href="#"><i class="fa fa-commenting fa-lg"></i> commenting</a></li>
        <li><a href="#"><i class="fa fa-commenting-o fa-lg"></i> commenting-o</a></li>
        <li><a href="#"><i class="fa fa-comments fa-lg"></i> comments</a></li>
        <li><a href="#"><i class="fa fa-comments-o fa-lg"></i> comments-o</a></li>
        <li><a href="#"><i class="fa fa-compass fa-lg"></i> compass</a></li>
        <li><a href="#"><i class="fa fa-copyright fa-lg"></i> copyright</a></li>
        <li><a href="#"><i class="fa fa-creative-commons fa-lg"></i> creative-commons</a></li>
        <li><a href="#"><i class="fa fa-credit-card fa-lg"></i> credit-card</a></li>
        <li><a href="#"><i class="fa fa-credit-card-alt fa-lg"></i> credit-card-alt</a></li>
        <li><a href="#"><i class="fa fa-crop fa-lg"></i> crop</a></li>
        <li><a href="#"><i class="fa fa-crosshairs fa-lg"></i> crossshairs</a></li>
        <li><a href="#"><i class="fa fa-cube fa-lg"></i> cube</a></li>
        <li><a href="#"><i class="fa fa-cubes fa-lg"></i> cubes</a></li>
        <li><a href="#"><i class="fa fa-dashboard fa-lg"></i> dashboard</a></li>
        <li><a href="#"><i class="fa fa-database fa-lg"></i> database</a></li>
        <li><a href="#"><i class="fa fa-desktop fa-lg"></i> desktop</a></li>
        <li><a href="#"><i class="fa fa-diamond fa-lg"></i> diamond</a></li>
        <li><a href="#"><i class="fa fa-dot-circle-o fa-lg"></i> dot-circle-o</a></li>
        <li><a href="#"><i class="fa fa-download fa-lg"></i> download</a></li>
        <li><a href="#"><i class="fa fa-drivers-license fa-lg"></i> drivers-license</a></li>
        <li><a href="#"><i class="fa fa-drivers-license-o fa-lg"></i> drivers-license-o</a></li>
        <li><a href="#"><i class="fa fa-edit fa-lg"></i> edit</a></li>
        <li><a href="#"><i class="fa fa-ellipsis-h fa-lg"></i> ellipsis-h</a></li>
        <li><a href="#"><i class="fa fa-ellipsis-v fa-lg"></i> ellipsis-v</a></li>
        <li><a href="#"><i class="fa fa-envelope fa-lg"></i> envelope</a></li>
        <li><a href="#"><i class="fa fa-envelope-o fa-lg"></i> envelope-o</a></li>
        <li><a href="#"><i class="fa fa-envelope-open fa-lg"></i> envelope-open</a></li>
        <li><a href="#"><i class="fa fa-envelope-open-o fa-lg"></i> envelope-open-o</a></li>
        <li><a href="#"><i class="fa fa-envelope-square fa-lg"></i> envelope-square</a></li>
        <li><a href="#"><i class="fa fa-exchange fa-lg"></i> exchange</a></li>
        <li><a href="#"><i class="fa fa-exclamation fa-lg"></i> exclamation</a></li>
        <li><a href="#"><i class="fa fa-exclamation-circle fa-lg"></i> exclamation-circle</a></li>
        <li><a href="#"><i class="fa fa-exclamation-triangle fa-lg"></i> exclamation-triangle</a></li>
        <li><a href="#"><i class="fa fa-external-link fa-lg"></i> external-link</a></li>
        <li><a href="#"><i class="fa fa-external-link-square fa-lg"></i> external-link-square</a></li>
        <li><a href="#"><i class="fa fa-eye fa-lg"></i> eye</a></li>
        <li><a href="#"><i class="fa fa-eye-slash fa-lg"></i> eye-slash</a></li>
        <li><a href="#"><i class="fa fa-feed fa-lg"></i> feed</a></li>
        <li><a href="#"><i class="fa fa-female fa-lg"></i> female</a></li>
        <li><a href="#"><i class="fa fa-file-archive-o fa-lg"></i> file-archive-o</a></li>
        <li><a href="#"><i class="fa fa-file-audio-o fa-lg"></i> file-audio-o</a></li>
        <li><a href="#"><i class="fa fa-file-image-o fa-lg"></i> file-image-o</a></li>
        <li><a href="#"><i class="fa fa-file-word-o fa-lg"></i> file-word</a></li>
        <li><a href="#"><i class="fa fa-film fa-lg"></i> film</a></li>
        <li><a href="#"><i class="fa fa-filter fa-lg"></i> filter</a></li>
        <li><a href="#"><i class="fa fa-fire fa-lg"></i> fire</a></li>
        <li><a href="#"><i class="fa fa-flag fa-lg"></i> flag</a></li>
        <li><a href="#"><i class="fa fa-flag-o fa-lg"></i> flag-o</a></li>
        <li><a href="#"><i class="fa fa-flag-checkered fa-lg"></i> flag-checkered</a></li>
        <li><a href="#"><i class="fa fa-flash fa-lg"></i> flash</a></li>
        <li><a href="#"><i class="fa fa-folder fa-lg"></i> folder</a></li>
        <li><a href="#"><i class="fa fa-folder-o fa-lg"></i> folder-o</a></li>
        <li><a href="#"><i class="fa fa-folder-open fa-lg"></i> folder-open</a></li>
        <li><a href="#"><i class="fa fa-folder-open-o fa-lg"></i> folder-open-o</a></li>
        <li><a href="#"><i class="fa fa-frown-o fa-lg"></i> frown-o</a></li>
        <li><a href="#"><i class="fa fa-futbol-o fa-lg"></i> futbol-o</a></li>
        <li><a href="#"><i class="fa fa-gamepad fa-lg"></i> gamepad</a></li>
        <li><a href="#"><i class="fa fa-gavel fa-lg"></i> gavel</a></li>
        <li><a href="#"><i class="fa fa-gear fa-lg"></i> gear</a></li>
        <li><a href="#"><i class="fa fa-gears fa-lg"></i> gears</a></li>
        <li><a href="#"><i class="fa fa-gift fa-lg"></i> gift</a></li>
        <li><a href="#"><i class="fa fa-globe fa-lg"></i> globe</a></li>
        <li><a href="#"><i class="fa fa-graduation-cap fa-lg"></i> graduation-cap</a></li>
        <li><a href="#"><i class="fa fa-group fa-lg"></i> group</a></li>
        <li><a href="#"><i class="fa fa-hand-peace-o fa-lg"></i> hand-peace-o</a></li>
        <li><a href="#"><i class="fa fa-hand-pointer-o fa-lg"></i> hand-pointer-o</a></li>
        <li><a href="#"><i class="fa fa-hand-paper-o fa-lg"></i> hand-paper-o</a></li>
        <li><a href="#"><i class="fa fa-hand-scissors-o fa-lg"></i> hand-scissors-o</a></li>
        <li><a href="#"><i class="fa fa-hand-stop-o fa-lg"></i> hand-stop-o</a></li>
        <li><a href="#"><i class="fa fa-handshake-o fa-lg"></i> handshake-o</a></li>
        <li><a href="#"><i class="fa fa-hashtag fa-lg"></i> hashtag</a></li>
        <li><a href="#"><i class="fa fa-headphones fa-lg"></i> headphones</a></li>
        <li><a href="#"><i class="fa fa-heart fa-lg"></i> heart</a></li>
        <li><a href="#"><i class="fa fa-heart-o fa-lg"></i> heart-o</a></li>
        <li><a href="#"><i class="fa fa-heartbeat fa-lg"></i> heartbeat</a></li>
        <li><a href="#"><i class="fa fa-history fa-lg"></i> history</a></li>
        <li><a href="#"><i class="fa fa-home fa-lg"></i> home</a></li>
        <li><a href="#"><i class="fa fa-hourglass fa-lg"></i> hourglass</a></li>
        <li><a href="#"><i class="fa fa-hourglass-start fa-lg"></i> hourglass-start</a></li>
        <li><a href="#"><i class="fa fa-hourglass-half fa-lg"></i> hourglass-half</a></li>
        <li><a href="#"><i class="fa fa-hourglass-end fa-lg"></i> hourglass-end</a></li>
        <li><a href="#"><i class="fa fa-hourglass-o fa-lg"></i> hourglass-o</a></li>
        <li><a href="#"><i class="fa fa-id-badge fa-lg"></i> id-badge</a></li>
        <li><a href="#"><i class="fa fa-id-card fa-lg"></i> idcard</a></li>
        <li><a href="#"><i class="fa fa-id-card-o fa-lg"></i> id-card-o</a></li>
        <li><a href="#"><i class="fa fa-image fa-lg"></i> image</a></li>
        <li><a href="#"><i class="fa fa-inbox fa-lg"></i> inbox</a></li>
        <li><a href="#"><i class="fa fa-info fa-lg"></i> info</a></li>
        <li><a href="#"><i class="fa fa-info-circle fa-lg"></i> info-circle</a></li>
        <li><a href="#"><i class="fa fa-key fa-lg"></i> key</a></li>
        <li><a href="#"><i class="fa fa-language fa-lg"></i> language</a></li>
        <li><a href="#"><i class="fa fa-laptop fa-lg"></i> laptop</a></li>
        <li><a href="#"><i class="fa fa-leaf fa-lg"></i> leaf</a></li>
        <li><a href="#"><i class="fa fa-level-down fa-lg"></i> level-down</a></li>
        <li><a href="#"><i class="fa fa-level-up fa-lg"></i> level-up</a></li>
        <li><a href="#"><i class="fa fa-life-ring fa-lg"></i> life-ring</a></li>
        <li><a href="#"><i class="fa fa-lightbulb-o fa-lg"></i> <lightbulb-o/a></li>
        <li><a href="#"><i class="fa fa-location-arrow fa-lg"></i> location-arrow</a></li>
        <li><a href="#"><i class="fa fa-lock fa-lg"></i> lock</a></li>
        <li><a href="#"><i class="fa fa-magic fa-lg"></i> magic</a></li>
        <li><a href="#"><i class="fa fa-mail-forward fa-lg"></i> mail-forward</a></li>
        <li><a href="#"><i class="fa fa-mail-reply fa-lg"></i> mail-reply</a></li>
        <li><a href="#"><i class="fa fa-male fa-lg"></i> male</a></li>
        <li><a href="#"><i class="fa fa-map-marker fa-lg"></i> map-marker</a></li>
        <li><a href="#"><i class="fa fa-microphone fa-lg"></i> microphone</a></li>
        <li><a href="#"><i class="fa fa-microphone-slash fa-lg"></i> microphone-slash</a></li>
        <li><a href="#"><i class="fa fa-minus fa-lg"></i> minus</a></li>
        <li><a href="#"><i class="fa fa-minus-circle fa-lg"></i> cimus-circle</a></li>
        <li><a href="#"><i class="fa fa-minu-spuare fa-lg"></i> minus-square</a></li>
        <li><a href="#"><i class="fa fa-minus-square-o fa-lg"></i> minus-square-o</a></li>
        <li><a href="#"><i class="fa fa-mobile fa-lg"></i> mobile</a></li>
        <li><a href="#"><i class="fa fa-money fa-lg"></i> money</a></li>
        <li><a href="#"><i class="fa fa-mouse-pointer fa-lg"></i> mouse-pointer</a></li>
        <li><a href="#"><i class="fa fa-music fa-lg"></i> music</a></li>
        <li><a href="#"><i class="fa fa-navicon fa-lg"></i> navicon</a></li>
        <li><a href="#"><i class="fa fa-newspaper fa-lg"></i> newspaper</a></li>
        <li><a href="#"><i class="fa fa-paint-brush fa-lg"></i> paint-brush</a></li>
        <li><a href="#"><i class="fa fa-paper-plane fa-lg"></i> paper-plane</a></li>
        <li><a href="#"><i class="fa fa-paper-plane-o fa-lg"></i> paper-plane-o</a></li>
        <li><a href="#"><i class="fa fa-paw fa-lg"></i> paw</a></li>
        <li><a href="#"><i class="fa fa-pencil fa-lg"></i> pencil</a></li>
        <li><a href="#"><i class="fa fa-pencil-square fa-lg"></i> pencil-square</a></li>
        <li><a href="#"><i class="fa fa-pencil-square-o fa-lg"></i> pencil-square-o</a></li>
        <li><a href="#"><i class="fa fa-percent fa-lg"></i> percent</a></li>
        <li><a href="#"><i class="fa fa-phone fa-lg"></i> phone</a></li>
        <li><a href="#"><i class="fa fa-phone-square fa-lg"></i> phone-square</a></li>
        <li><a href="#"><i class="fa fa-photo fa-lg"></i> photo</a></li>
        <li><a href="#"><i class="fa fa-picture-o fa-lg"></i> picture-o</a></li>
        <li><a href="#"><i class="fa fa-plane fa-lg"></i> plane</a></li>
        <li><a href="#"><i class="fa fa-plus fa-lg"></i> plus</a></li>
        <li><a href="#"><i class="fa fa-plus-circle fa-lg"></i> plus-circle</a></li>
        <li><a href="#"><i class="fa fa-plus-square fa-lg"></i> plus-square</a></li>
        <li><a href="#"><i class="fa fa-power-off fa-lg"></i> power-off</a></li>
        <li><a href="#"><i class="fa fa-print fa-lg"></i> print</a></li>
        <li><a href="#"><i class="fa fa-puzzle-piece fa-lg"></i> puzzle-piece</a></li>
        <li><a href="#"><i class="fa fa-question fa-lg"></i> question</a></li>
        <li><a href="#"><i class="fa fa-question-circle fa-lg"></i> question-circle</a></li>
        <li><a href="#"><i class="fa fa-question-circle-o fa-lg"></i> question-circle-o</a></li>
        <li><a href="#"><i class="fa fa-quote-left fa-lg"></i> quote-left</a></li>
        <li><a href="#"><i class="fa fa-quote-right fa-lg"></i> quote-right</a></li>
        <li><a href="#"><i class="fa fa-random fa-lg"></i> random</a></li>
        <li><a href="#"><i class="fa fa-recyle fa-lg"></i> recyle</a></li>
        <li><a href="#"><i class="fa fa-refresh fa-lg"></i> refresh</a></li>
        <li><a href="#"><i class="fa fa-registered fa-lg"></i> registered</a></li>
        <li><a href="#"><i class="fa fa-remove fa-lg"></i> remove</a></li>
        <li><a href="#"><i class="fa fa-reply fa-lg"></i> reply</a></li>
        <li><a href="#"><i class="fa fa-reply-all fa-lg"></i> reply-all</a></li>
        <li><a href="#"><i class="fa fa-retweet fa-lg"></i> retweet</a></li>
        <li><a href="#"><i class="fa fa-rocket fa-lg"></i> rocket</a></li>
        <li><a href="#"><i class="fa fa-rss fa-lg"></i> rss</a></li>
        <li><a href="#"><i class="fa fa-rss-square fa-lg"></i> rss-square</a></li>
        <li><a href="#"><i class="fa fa-search fa-lg"></i> search</a></li>
        <li><a href="#"><i class="fa fa-search-minus fa-lg"></i> search-minus</a></li>
        <li><a href="#"><i class="fa fa-search-plus fa-lg"></i> search-plus</a></li>
        <li><a href="#"><i class="fa fa-send fa-lg"></i> send</a></li>
        <li><a href="#"><i class="fa fa-send-o fa-lg"></i> send-o</a></li>
        <li><a href="#"><i class="fa fa-share fa-lg"></i> share</a></li>
        <li><a href="#"><i class="fa fa-share-alt fa-lg"></i> share-alt</a></li>
        <li><a href="#"><i class="fa fa-share-square fa-lg"></i> share-square</a></li>
        <li><a href="#"><i class="fa fa-share-alt-square fa-lg"></i> share-alt-square</a></li>
        <li><a href="#"><i class="fa fa-share-square-o fa-lg"></i> share-square-o</a></li>
        <li><a href="#"><i class="fa fa-shopping-bag fa-lg"></i> shopping-bag</a></li>
        <li><a href="#"><i class="fa fa-shopping-basket fa-lg"></i> shopping-basket</a></li>
        <li><a href="#"><i class="fa fa-shopping-cart fa-lg"></i> shopping-cart</a></li>
        <li><a href="#"><i class="fa fa-sign-in fa-lg"></i> sign-in</a></li>
        <li><a href="#"><i class="fa fa-sign-out fa-lg"></i> sign-out</a></li>
        <li><a href="#"><i class="fa fa-signal fa-lg"></i> signal</a></li>
        <li><a href="#"><i class="fa fa-sitemap fa-lg"></i> sitemap</a></li>
        <li><a href="#"><i class="fa fa-sliders fa-lg"></i> sliders</a></li>
        <li><a href="#"><i class="fa fa-snowflake-o fa-lg"></i> snowflake-o</a></li>
        <li><a href="#"><i class="fa fa-soccer-ball-o fa-lg"></i> soccer-ball-o</a></li>
        <li><a href="#"><i class="fa fa-sort fa-lg"></i> sort</a></li>
        <li><a href="#"><i class="fa fa-sort-alpha-asc fa-lg"></i> sort-alpha-asc</a></li>
        <li><a href="#"><i class="fa fa-sort-alpha-desc fa-lg"></i> sort-alpha-desc</a></li>
        <li><a href="#"><i class="fa fa-sort-amount-asc fa-lg"></i> sort-amount-asc</a></li>
        <li><a href="#"><i class="fa fa-sort-amount-desc fa-lg"></i> sort-amount-desc</a></li>
        <li><a href="#"><i class="fa fa-sort-asc fa-lg"></i> sort-asc</a></li>
        <li><a href="#"><i class="fa fa-sort-desc fa-lg"></i> sort-desc</a></li>
        <li><a href="#"><i class="fa fa-sort-down fa-lg"></i> sort-down</a></li>
        <li><a href="#"><i class="fa fa-sort-up fa-lg"></i> sort-up</a></li>
        <li><a href="#"><i class="fa fa-sort-numeric-asc fa-lg"></i> sort-numeric-asc</a></li>
        <li><a href="#"><i class="fa fa-sort-numeric-desc fa-lg"></i> sort-numeric-desc</a></li>
        <li><a href="#"><i class="fa fa-spinner fa-lg"></i> spinner</a></li>
        <li><a href="#"><i class="fa fa-square fa-lg"></i> square</a></li>
        <li><a href="#"><i class="fa fa-square-o fa-lg"></i> square-o</a></li>
        <li><a href="#"><i class="fa fa-star fa-lg"></i> star</a></li>
        <li><a href="#"><i class="fa fa-star-half fa-lg"></i> star-half</a></li>
        <li><a href="#"><i class="fa fa-star-half-empty fa-lg"></i> star-half-enpty</a></li>
        <li><a href="#"><i class="fa fa-star-half-full fa-lg"></i> star-half-full</a></li>
        <li><a href="#"><i class="fa fa-star-half-o fa-lg"></i> star-half-o</a></li>
        <li><a href="#"><i class="fa fa-star-o fa-lg"></i> star-o</a></li>
        <li><a href="#"><i class="fa fa-sun-o fa-lg"></i> sun-o</a></li>
        <li><a href="#"><i class="fa fa-tachometer fa-lg"></i> tachometer</a></li>
        <li><a href="#"><i class="fa fa-tag fa-lg"></i> tag</a></li>
        <li><a href="#"><i class="fa fa-tags fa-lg"></i> tags</a></li>
        <li><a href="#"><i class="fa fa-tasks fa-lg"></i> tasks</a></li>
        <li><a href="#"><i class="fa fa-television fa-lg"></i> television</a></li>
        <li><a href="#"><i class="fa fa-terminal fa-lg"></i> terminal</a></li>
        <li><a href="#"><i class="fa fa-thermometer fa-lg"></i> thermometer</a></li>
        <li><a href="#"><i class="fa fa-thermometer-empty fa-lg"></i> thermometer-empty</a></li>
        <li><a href="#"><i class="fa fa-thumb-tack fa-lg"></i> thumb-tack</a></li>
        <li><a href="#"><i class="fa fa-thumbs-down fa-lg"></i> thumbs-down</a></li>
        <li><a href="#"><i class="fa fa-thumbs-o-down fa-lg"></i> thumbs-o-down</a></li>
        <li><a href="#"><i class="fa fa-thumbs-up fa-lg"></i> thumbs-up</a></li>
        <li><a href="#"><i class="fa fa-thumbs-o-up fa-lg"></i> thumbs-o-up</a></li>
        <li><a href="#"><i class="fa fa-times fa-lg"></i> times</a></li>
        <li><a href="#"><i class="fa fa-tint fa-lg"></i> tint</a></li>
        <li><a href="#"><i class="fa fa-toggle-down fa-lg"></i> toggle-down</a></li>
        <li><a href="#"><i class="fa fa-toggle-up fa-lg"></i> toggle-up</a></li>
        <li><a href="#"><i class="fa fa-toggle-right fa-lg"></i> toggle-right</a></li>
        <li><a href="#"><i class="fa fa-toggle-left fa-lg"></i> toggle-left</a></li>
        <li><a href="#"><i class="fa fa-trademark fa-lg"></i> trademark</a></li>
        <li><a href="#"><i class="fa fa-trash fa-lg"></i> trash</a></li>
        <li><a href="#"><i class="fa fa-trash-o fa-lg"></i> trash-o</a></li>
        <li><a href="#"><i class="fa fa-tree fa-lg"></i> tree</a></li>
        <li><a href="#"><i class="fa fa-trophy fa-lg"></i> trophy</a></li>
        <li><a href="#"><i class="fa fa-tty fa-lg"></i> tty</a></li>
        <li><a href="#"><i class="fa fa-tv fa-lg"></i> tv</a></li>
        <li><a href="#"><i class="fa fa-umbrella fa-lg"></i> umbrella</a></li>
        <li><a href="#"><i class="fa fa-universal-access fa-lg"></i> universal-access</a></li>
        <li><a href="#"><i class="fa fa-university fa-lg"></i> university</a></li>
        <li><a href="#"><i class="fa fa-unlock fa-lg"></i> unlock</a></li>
        <li><a href="#"><i class="fa fa-unlock-alt fa-lg"></i> unlock-alt</a></li>
        <li><a href="#"><i class="fa fa-unsorted fa-lg"></i> unsorted</a></li>
        <li><a href="#"><i class="fa fa-upload fa-lg"></i> upload</a></li>
        <li><a href="#"><i class="fa fa-user fa-lg"></i> user</a></li>
        <li><a href="#"><i class="fa fa-user-o fa-lg"></i> user-o</a></li>
        <li><a href="#"><i class="fa fa-user-circle fa-lg"></i> user-circle</a></li>
        <li><a href="#"><i class="fa fa-user-circle-o fa-lg"></i> user-circle-o</a></li>
        <li><a href="#"><i class="fa fa-user-plus fa-lg"></i> user-plus</a></li>
        <li><a href="#"><i class="fa fa-user-secret fa-lg"></i> user-secret</a></li>
        <li><a href="#"><i class="fa fa-user-times fa-lg"></i> user-times</a></li>
        <li><a href="#"><i class="fa fa-users fa-lg"></i> users</a></li>
        <li><a href="#"><i class="fa fa-vcard fa-lg"></i> vcard</a></li>
        <li><a href="#"><i class="fa fa-vcard-o fa-lg"></i> vcard-o</a></li>
        <li><a href="#"><i class="fa fa-video-camera fa-lg"></i> video-camera</a></li>
        <li><a href="#"><i class="fa fa-volume-control-phone fa-lg"></i> volume-control-phone</a></li>
        <li><a href="#"><i class="fa fa-volume-down fa-lg"></i> volume-down</a></li>
        <li><a href="#"><i class="fa fa-volume-off fa-lg"></i> volume-off</a></li>
        <li><a href="#"><i class="fa fa-volume-up fa-lg"></i> volume-up</a></li>
        <li><a href="#"><i class="fa fa-warning fa-lg"></i> warning</a></li>
        <li><a href="#"><i class="fa fa-wifi fa-lg"></i> wifi</a></li>
        <li><a href="#"><i class="fa fa-window-close fa-lg"></i> window-close</a></li>
        <li><a href="#"><i class="fa fa-window-close-o fa-lg"></i> window-close-o</a></li>
        <li><a href="#"><i class="fa fa-window-maximize fa-lg"></i> window-maximize</a></li>
        <li><a href="#"><i class="fa fa-window-minimize fa-lg"></i> window-minimize</a></li>
        <li><a href="#"><i class="fa fa-window-restore fa-lg"></i> window-restore</a></li>
        <li><a href="#"><i class="fa fa-wrench fa-lg"></i> wrench</a></li>
      </ul>
    </div>
    <script src="lib/jquery/3.1.1/jquery.min.js"></script>
    <script src="lib/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  </body>
</html>
